<template>
  <div class="centerTop">
    <div class="topText">{{ headerTitle }}</div>
  </div>
</template>

<script setup lang="ts" name="currentHeader">
const prop = defineProps({
  headerTitle: {
    type: String,
    default: () => '',
  },
})
</script>

<style lang="less" scoped>
.centerTop {
  width: 300px;
  height: 32px;
  background: linear-gradient(
    90deg,
    rgba(90, 255, 255, 0.06) 0%,
    rgba(90, 255, 255, 0.67) 52%,
    rgba(90, 255, 255, 0.19) 100%
  );
  opacity: 1;
  background-image: url(../assets/img/lightUp/childTitle.png);
  overflow: hidden;
}

.topText {
  height: 16px;
  font-size: 16px;
  font-family: Microsoft;
  font-weight: 700;
  color: #ffffff;
  line-height: 16px;
  letter-spacing: 2px;
  margin: 13px 0 3px 38px;
}
</style>